import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
import {createNamespace} from '../utils';
import {inherit} from '../utils/functional'; // Types

var _createNamespace = createNamespace('divider'),
    createComponent = _createNamespace[0],
    bem = _createNamespace[1];

function Divider(h, props, slots, ctx) {
    var _bem;

    return h("div", _mergeJSXProps([{
        "attrs": {
            "role": "separator"
        },
        "style": {
            borderColor: props.borderColor
        },
        "class": bem((_bem = {
            dashed: props.dashed,
            hairline: props.hairline
        }, _bem["content-" + props.contentPosition] = slots.default, _bem))
    }, inherit(ctx, true)]), [slots.default && slots.default()]);
}

Divider.props = {
    dashed: Boolean,
    hairline: {
        type: Boolean,
        default: true
    },
    contentPosition: {
        type: String,
        default: 'center'
    }
};
export default createComponent(Divider);